<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>{dede:global.icfg_webname/}</title>
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="{dede:global.mcfg_basehost/}/m-css/m-index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{dede:global.mcfg_basehost/}/m-js/jquery.js" ></script>
<script type="text/javascript" src="{dede:global.cfg_basehost/}/system/gzs.ajax.js"></script>
<script type="text/javascript" src="{dede:global.mcfg_basehost/}/m-css/app.css.php"></script>
<script type="text/javascript">
function CheckLogintop(){
var taget_obj = document.getElementById('_userlogin');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/user/ajax_loginsta.php");
DedeXHTTP = null;
}
</script>
<style type="text/css">
.m-header-video{margin-top:10px;}
.m-header-video .header{background-color:#fff;padding:15px 15px 0;}
.mall-totop{bottom:150px;}

/*Swiper*/
.swiper-container{position:relative;overflow:hidden;z-index:1;}
.swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-slide img{display:block;border-radius:5px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{width:100%;bottom:20px;left:0;}
.swiper-pagination-bullet{width:15px;height:3px;display:inline-block;background:#fff;opacity:.2;}
.swiper-pagination-bullet-active{opacity:1;background:#fff;}

/*首页导航*/
.iMenu{overflow:hidden;padding:5px 5px 0;background:#fff;}
.iMenu li{width:20%;float:left;padding-bottom:20px;}
.iMenu li a{display:block;}
.iMenu li a i{width:40px;height:40px;display:block;margin:0 auto;border-radius:50%;}
.iMenu li a i img{display:block;border-radius:50%;background:#f3f3f3;width:100%;height:100%;}
.iMenu li a span{display:block;height:30px;line-height:30px;font-size:14px;text-align:center;}

/*加载中*/
.yxw-list-loading{width:100%;height:85px;line-height:50px;color:#757575;background:#f0f0f0;text-align:center;font-size:14px;}
</style>
</head>
<body>

<div class="wrapper">

{dede:include filename="head_m.htm"/}

<!-- Swiper -->
<div class="swiper-container" style="background:#fff;padding:15px 15px 15px;">
<div class="swiper-wrapper">
{dede:arclist typeid='12' row='5' orderby='id' orderway='asc'}
<div class="swiper-slide"><a href="[field:description/]"><img src="[field:litpic function='mstrone(@me)'/]" style="display:block;border-radius:5px;"></a></div>
{/dede:arclist}
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- Swiper End -->


<!-- 导航 -->
<div class="nav">
<ul class="iMenu">
{dede:type typeid='43'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='47'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='45'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='44'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='19'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='29'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='31'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}

{dede:type typeid='14'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='15'}
<li><a href="[field:global.mcfg_basehost/][field:typelink/]"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:typename/]</span></a></li>
{/dede:type}
{dede:type typeid='18'}
<li><a href="[field:global.mcfg_basehost/]/courses/"><i><img src="[field:bigpic function='mstrone(@me)'/]"></i><span>[field:seotitle/]</span></a></li>
{/dede:type}
</ul>
</div>
<!-- 导航 End -->



<!-- 精选好课 -->
<div class="m-header-video">
<div class="header"><h2 class="text-titie">{dede:type typeid='14'}[field:typename/]{/dede:type}</h2></div>
<ul class="content_list" style="padding-bottom:10px;">
{dede:sql sql="select * from #@__arctype where reid = '18' and  isrecommend = '0' order by id desc limit 10"}
<li class="content_item">
<a href="[field:global.mcfg_basehost/][field:id function='GetTypeDeurl(@me)'/]" class="link">
<img src="[field:bigpic function='mstrone(@me)'/]">
<div class="main_title_box">
<div class="main_title">[field:typename/]</div>
<div class="sub_title">
[field:array runphp='yes']
global $cfg_dazhe,$cfg_zhekou,$cfg_dqtime;
$oprice = @me['price'];
$time = time();
$timestamp = strtotime($cfg_dqtime);
if(!empty($oprice))
{
if($cfg_dazhe == 'Y' && $timestamp > $time)
{
$dzprice = $oprice / 100 * $cfg_zhekou;
@me = "<span class=\"price\"><i>￥</i>{$dzprice} <small>￥{$oprice}</small></span>";}
else{
@me = "<span class=\"price\"><i>￥</i>{$oprice}</span>";}
}else{
@me = "<span class=\"ke-mianfei\">免费</span>";}
[/field:array]
<span class="item_right fr">[field:id function="JJgetCliak(@me)"/]次学习</span>
</div>
</div>
</a>
</li>
{/dede:sql}
</ul>
</div>
<!-- 精选好课 End -->

<!-- 课程列表 -->
<div class="m-header-video">
<div class="header"><h2 class="text-titie">为你推荐</h2></div>
<ul class="content_list listqu">
{dede:php}
echo JJGetTypeList(1,10);
{/dede:php}
</ul>
</div>
<!-- 课程列表 End -->

<div class="yxw-list-loading tishik" page="1" pagesize="10">正在加载中...</div>

<script>
function getSubstr(ret,strs,stre)
{
var deps = ret.indexOf(strs)+strs.length;
if (stre == "")
var depe = ret.length;
else
var depe = ret.indexOf(stre);
var dep = ret.substr(deps,depe-deps);
return dep;
}
function trim(str){ 
return str.replace(/(^\s*)|(\s*$)/g, "");
}
var cha = 650;
var f = true;
var u = '';
var str = '';
var r = '';
var pagesizeV = $(".tishik").attr("pagesize");
    $(document).scroll(function(){
            //滚动条滑动的时候获取滚动条距离顶部的距离
            var scroll=$(document).scrollTop();
            //屏幕的高度
            var client=$(window).height();
            var h=$(document).height();
            var flag=true;
            if (h<=scroll+client+100) { // 到达底部时,加载新内容
if(f){
f = false;
$(".tishik").html("正在加载中...");
var pageV = $(".tishik").attr("page");
pageV = parseInt(pageV) + 1 ;
$.post("{dede:global.mcfg_basehost/}/apps/jjajax.php",{a:"GetPage",page:pageV,pagesize:pagesizeV},function(result){
  $(".tishik").attr("page",pageV);
  if(result==''){
  $(".tishik").html("没有更多了");
  return;
  }else{
  $(".listqu").append(result);
  init_app_alink();
  f = true;
  }     
});    
}
}
});
</script>

<!-- 返回顶部 -->
<div class="mall-totop" onclick="window.scrollTo(0,0);"></div>
<script src="{dede:global.mcfg_basehost/}/m-js/mall-top.js"></script>
<!-- 返回顶部 End -->

</div>

{dede:php}
require_once(DEDEMEMBER."/config.php");
$uid = $cfg_ml->M_LoginID;
if(!$uid){
echo '<div class="bottom-box"><div class="bottom-yu">'.$cfg_waploginyu.'<a href="'.$mcfg_basehost.'/user/">立即登录</a><div class="close"></div></div></div>';
}else{
echo ' ';
}
{/dede:php}

<!-- 最底部导航 -->
<div class="gzs-bottombar">
<a href="{dede:global.mcfg_basehost/}/" class="gzs-bo gzs-on"><img src="{dede:global.mcfg_basehost/}/m-images/index2.png"><p>首页</p></a>
<a href="{dede:global.mcfg_basehost/}/user/buyhui.php" class="gzs-bo"><img src="{dede:global.mcfg_basehost/}/m-images/index-ke.png"><p>会员</p></a>
<a href="{dede:global.mcfg_basehost/}/user/operation_ke.php" class="gzs-bo"><img src="{dede:global.mcfg_basehost/}/m-images/index-yg.png"><p>学习</p></a>
<a href="{dede:global.mcfg_basehost/}/user/" class="gzs-bo"><img src="{dede:global.mcfg_basehost/}/m-images/index-admin.png"><p>我的</p></a>
</div>
<!-- 最底部导航 End -->

{dede:include filename="kc_search_m.htm"/}

<script type="text/javascript" src="{dede:global.mcfg_basehost/}/m-js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
</script>

{dede:include filename="wz-tongji.htm"/}

<script type="text/javascript">
$(function(){
setTimeout(function(){
$(".bottom-box").slideDown("slow"); },500);
$(".close").click(function(){
$(".bottom-box").hide();	
})
});
</script>

</body>
</html>